<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<jsp:include page="header.jsp">
	<jsp:param name="pageTitle" value="Sign In - Purposeful Community" />
</jsp:include>

<script type="text/javascript">
function test1(){
	 $("#email").val("berkantkepez@gmail.com"); $("#password").val("123456"); $("#user").submit(); 
	 }

	 function test2(){
	 $("#email").val("berkantkepez"); $("#password").val("123456"); $("#user").submit(); 
	 }

	 function test3(){
	 $("#email").val(""); $("#password").val("123456"); $("#user").submit(); 
	 }

	 function test4(){
	 $("#email").val("berkantkepez@gmail.com"); $("#password").val(""); $("#user").submit(); 
	 }

	 function test5(){
	 $("#email").val(""); $("#password").val(""); $("#user").submit(); 
	 }

	 function test6(){
	 $("#email").val(""); $("#password").val(""); $("#user").submit(); 
	 }
</script>

<style type="text/css">
body {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #E8EDED;
}

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signup-heading {
	max-width: 1000px;
	padding: 15px;
	margin: 0 auto;
	/* font-family: "Times New Roman", Times, serif; */
	font-weight: normal;
	font-size: 120%;
	color: #f05607;
	/* font-style: oblique; */
}

.form-signup {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-signin-heading,.form-signin .checkbox  .form-signup-heading
	{
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
	font-size: 75%
}

.form-signin .form-control .form-signup-heading {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
	background-color: #44BBF8;
	color: #f05607;
}

.form-signin .form-control:focus  .form-signup-heading {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.a {
	color: #44BBF8;
	text-decoration: none;
}
</style>
<div class="container" style="text-align: center">
	<img src="http://i.imgur.com/FfcMAl8.png">
	<h2 class="form-signup-heading">create your community</h2>
	<h2 class="form-signup-heading">meet 10 # volunteer and act
		collectively</h2>
	<form id="user" class="form-signin" method="POST">
		<input id="email" name="email" autofocus="true"
			placeholder="Email address" class="form-control" type="email"
			value="" required> <input id="password" name="password"
			placeholder="Password" class="form-control" type="password" value="">
		<button class="btn btn-lg btn-primary btn-block" type="submit">Sign
			In</button>
	</form>
</div>
</body>
</html>